
<%@include file="/WebPages/Includes/header.jsp"%>

<button class="btn btn-primary btn-lg" data-target="#myInsertModal"
	data-toggle="modal">Create Master Class</button>

<button class="btn btn-danger btn-lg" data-target="#myConfirmModal"
	data-toggle="modal" id="deleteSelectedRows">Delete Selected</button>

<div class="table-responsive">
	<table class="table form-fields table-striped" id="mytable">
		<tr>
			<th><input id="chkall" name="chkall" type="checkbox" /></th>
			<th>Class Id</th>
			<th>Class Name</th>
			<th>Class Description</th>
			<th>Created By</th>
			<th>Created Date</th>
			<th>Modified By</th>
			<th>Modified Date</th>
		</tr>
	</table>
</div>

<!-- Insert Modal -->
<div aria-hidden="true" aria-labelledby="myInsertModalLabel"
	class="modal fade" id="myInsertModal" role="dialog" tabindex="-1">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button aria-hidden="true" class="close" data-dismiss="modal"
					type="button">&times;</button>
				<h4 class="modal-title" id="myInsertModalLabel">Create Master
					class</h4>
			</div>
			<div class="modal-body">
				<form id="insertForm" method="post" name="insertForm" role="form">
					<div class="form-group">
						<label class="control-label" for="classId">Class Id</label> <input
							class="form-control" id="classId" name="classId"
							placeholder="Class Id" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="className">Class Name</label> <input
							class="form-control" id="className" name="className"
							placeholder="Class Name" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="ClassDesc">Class
							Description</label> <input class="form-control" id="ClassDesc"
							placeholder="Class Description" name="classDesc" type="text" />
					</div>
					<div class="modal-footer">
						<button class="btn btn-default" data-dismiss="modal" type="button">Close</button>
						<button class="btn btn-primary" id="insertMasterClass"
							type="submit">Create Master Class</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>


<!-- Update Modal -->
<div aria-hidden="true" aria-labelledby="myModalLabel"
	class="modal fade" id="myUpdateModal" role="dialog" tabindex="-1">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button aria-hidden="true" class="close" data-dismiss="modal"
					type="button">&times;</button>
				<h4 class="modal-title" id="myModalLabel">Update Master Class</h4>
			</div>
			<div class="modal-body">
				<form id="updateForm" method="post">
					<div class="form-group">
						<label class="control-label" for="classId">Class Id</label> <input
							class="form-control" id="uclassId" name="classId"
							placeholder="Class Id" type="text" readonly />
					</div>
					<div class="form-group">
						<label class="control-label" for="className">Section Name</label>
						<input class="form-control" id="uclassName" name="className"
							placeholder="Class Name" type="text" />
					</div>
					<div class="form-group">
						<label class="control-label" for="classDesc">Class
							Description</label> <input class="form-control" id="uclassDesc"
							name="classDesc" placeholder="Section Description" type="text" />
					</div>
					<div class="form-group" hidden="true">
						<label class="control-label" for="createdBy">Created By</label> <input
							class="form-control" id="ucreatedBy" name="createdBy"
							placeholder="Created By" type="text" readonly />
					</div>
					<div class="form-group" hidden="true">
						<label class="control-label" for="createdDate">Created
							Date</label> <input class="form-control" id="ucreatedDate"
							name="createdDate" placeholder="Created Date" type="text"
							readonly />
					</div>
					<div class="modal-footer">
						<button class="btn btn-default" data-dismiss="modal" type="button">Close</button>
						<button class="btn btn-primary" id="updateMasterClass"
							type="submit">Save changes</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>


<!-- Confirm Modal -->
<div aria-hidden="true" aria-labelledby="myConfirmModalLabel"
	class="modal fade" id="myConfirmModal" role="dialog" tabindex="-1">
	<div class="modal-dialog">
		<div align="center" class="modal-content">
			<div class="modal-header">
				<h4 class="modal-title" id="myConfirmModalLabel">Are you sure?</h4>
			</div>
			<div class="modal-body">
				<button class="btn btn-danger" id="confirmDelete" type="submit">Yes</button>
				<button class="btn btn-primary" id="cancelDelete" type="submit">No</button>
			</div>
		</div>
	</div>
</div>

<script src="./../../customJS/Masters/masterClass.js"></script>
